<template>
    <rx-form style="width:508px;background:pink;padding:10px;" v-model="form">
        <rx-form-item label="名称" isRequire>
            <rx-input v-model="form.name"></rx-input>
        </rx-form-item>
        <rx-form-item label="日期" contentWidth="10em" right >
            <rx-inputdate v-model="form.date"></rx-inputdate>
        </rx-form-item>
        <rx-form-item label="选择" isRequire>
            <rx-select v-model="form.selectRes">
            <rx-option  v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></rx-option>
        </rx-select>
        </rx-form-item>
        <rx-form-item label="查找" contentWidth="10em" right>
            <rx-input v-model="form.search" prefixicon="rx-search" placeholder="前图标"/>
        </rx-form-item>
        <rx-form-item label="备注" contentWidth="30em" > 
            <rx-input v-model="form.remark"></rx-input>
        </rx-form-item>
    </rx-form>
</template>

<script>
export default {
    data(){
        return{
            form:{
                name:'',
                date:'',
                selectRes:'',
                remark:''
            },
            options:[
                {label:'选择一',value:1},
                {label:'选择二',value:2},
                {label:'选择三',value:3},
            ]
        }
    }
}
</script>

<style>
    
</style>
